<!-- 重大隐患类型占比 -->
<template>
    <div style="width:100%">
        <div style="text-align:center;font-size: 12px;color: #7f7f7f;">重大隐患类型占比：15个</div>
        <!-- 轮播表 -->
        <div style="width: 100%;">
            <dv-scroll-board :config="configSignificantHiddenDanger" style="width:100%;height:202px" />
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            //轮播表数据
            configSignificantHiddenDanger: {
                header: ['隐患类型', '隐患数量', '占比', ''],
                // 奇数行颜色
                oddRowBGC: '#4b7ad6',
                // 偶数行背景色
                evenRowBGC: '#021d60',
                headerBGC: 'transparent',
                data: [
                    ['行1列1', '行1列2', '行1列3'],
                    ['行2列1', '行2列2', '行2列3'],
                    ['行3列1', '行3列2', '行3列3'],
                    ['行4列1', '行4列2', '行4列3'],
                    ['行5列1', '行5列2', '行5列3'],
                    ['行6列1', '行6列2', '行6列3'],
                    ['行7列1', '行7列2', '行7列3'],
                    ['行8列1', '行8列2', '行8列3'],
                    ['行9列1', '行9列2', '行9列3'],
                    ['行10列1', '行10列2', '行10列3']
                ]
            },
        }
    },
    methods: {
    },
    computed: {
    },
    mounted() {
    }
}
</script>
<style >
/* 轮播表样式穿透 */
.dv-scroll-board .header .header-item {
    font-size: 1px;
    color: '#7f7f7f';
    text-align: center;
    padding: 0 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.ceil {
    text-align: center;
}
</style>